<html>
	<head>
		<title>Form Message</title>

		<style type="text/css">
			body {
				margin: 0px;
				text-align: center;
				font-family: 'Segoe UI';
			}

			.blue {
				border: solid 1px #0977C7;
				color: #0072C5;

				background: rgba(215,229,255,1);
				background: -moz-linear-gradient(top, rgba(215,229,255,1) 0%, rgba(236,242,255,1) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(215,229,255,1)), color-stop(100%, rgba(236,242,255,1)));
				background: -webkit-linear-gradient(top, rgba(215,229,255,1) 0%, rgba(236,242,255,1) 100%);
				background: -o-linear-gradient(top, rgba(215,229,255,1) 0%, rgba(236,242,255,1) 100%);
				background: -ms-linear-gradient(top, rgba(215,229,255,1) 0%, rgba(236,242,255,1) 100%);
				background: linear-gradient(to bottom, rgba(215,229,255,1) 0%, rgba(236,242,255,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7e5ff', endColorstr='#ecf2ff', GradientType=0 );				
			}

			.yellow {
				color: #8A8A00;
				border: solid 1px #8A8A00;

				background: rgba(255,255,153,1);
				background: -moz-linear-gradient(top, rgba(255,255,153,1) 0%, rgba(255,255,204,1) 100%);
				background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,153,1)), color-stop(100%, rgba(255,255,204,1)));
				background: -webkit-linear-gradient(top, rgba(255,255,153,1) 0%, rgba(255,255,204,1) 100%);
				background: -o-linear-gradient(top, rgba(255,255,153,1) 0%, rgba(255,255,204,1) 100%);
				background: -ms-linear-gradient(top, rgba(255,255,153,1) 0%, rgba(255,255,204,1) 100%);
				background: linear-gradient(to bottom, rgba(255,255,153,1) 0%, rgba(255,255,204,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff99', endColorstr='#ffffcc', GradientType=0 );
			}

			.green {
				color: #259300;
				border: solid 1px #259300;

				background: #85ff5b; /* Old browsers */
				background: -moz-linear-gradient(top, #85ff5b 0%, #cfffbf 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85ff5b), color-stop(100%,#cfffbf)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #85ff5b 0%,#cfffbf 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #85ff5b 0%,#cfffbf 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #85ff5b 0%,#cfffbf 100%); /* IE10+ */
				background: linear-gradient(to bottom, #85ff5b 0%,#cfffbf 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85ff5b', endColorstr='#cfffbf',GradientType=0 ); /* IE6-9 */
			}

			.red {
				color: #C00;
				border: solid 1px #C00;

				background: #ff9393; /* Old browsers */
				background: -moz-linear-gradient(top, #ff9393 0%, #ffd2d2 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9393), color-stop(100%,#ffd2d2)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #ff9393 0%,#ffd2d2 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #ff9393 0%,#ffd2d2 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #ff9393 0%,#ffd2d2 100%); /* IE10+ */
				background: linear-gradient(to bottom, #ff9393 0%,#ffd2d2 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9393', endColorstr='#ffd2d2',GradientType=0 ); /* IE6-9 */
			}

			.gray, .grey {
				color: #555;
				border: solid 1px #555;

				background: #cccccc; /* Old browsers */
				background: -moz-linear-gradient(top, #cccccc 0%, #e2e2e2 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #cccccc 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #cccccc 0%,#e2e2e2 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #cccccc 0%,#e2e2e2 100%); /* IE10+ */
				background: linear-gradient(to bottom, #cccccc 0%,#e2e2e2 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
			}

		</style>

		<script type="text/javascript">

			var gup = function (name) {
  				name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
				var regexS = "[\\?&]"+name+"=([^&#]*)",
					regex = new RegExp(regexS),
					results = regex.exec(window.location.href);

				if(results == null) {
    				return "";
				} else {
					return results[1];				
				}
			};

			var setupMessage = function () {
				var data = unescape(gup('data')),
					color = data.split('|')[0],
					message = data.split('|')[1];

				if (color !== undefined) {
					document.body.innerHTML = message;
					document.body.className = color;
				} else {
					document.body.className = 'gray';
					document.body.innerHTML = 'Configuration Not Specified (<i>ex. data=blue%7CThis%20is%20a%20test%20message</i>)';
				}
			};

		</script>
	</head>
	<body onload="setupMessage();">

	</body>
</html>